@charset "utf-8";

/* reset */ 
body,div,p,img,a,ul,ol,li,dl,dt,dd,fieldset,form,legend,label,span,select,textarea,table,thead,tbody,tfoot,tr,th,td,h1,h2,h3,h4,h5,h6,hr 
{margin:0;padding:0;font-size:12px;font-family:"돋움", Tahoma,Dotum,Helvetica,AppleGothic,Sans-serif;color:#666;line-height:1.5;}
a {color:#666;text-decoration:none;font-family:Tahoma;}
a:hover {color:#ff4200;text-decoration:none; font-family:Tahoma;}
img{border:0 none;}
legend,h r{display:none;}
ul,o l{list-style:none;}
table {border-collapse:collapse;border-spacing:0; width:100%;}

body {overflow:hidden;}

section {
    width: 46px;
    height: auto;
    margin: 0px auto 0;
    position: relative;
}

h1 {height:26px; width:148px; margin:0 auto; color:#fff; font-weight:bold; background:url(../images/menu/h1.gif) no-repeat top left; padding:9px 0 0 25px;}

a.disable:hover {color:#ccc; cursor:text;}
input:disabled {background-color:#fff;}
textarea:disabled {background-color:#fff;}

/* Layout */
#warp {width:100%;}
#container {width:990px; margin:0 1% 0 1%;}
#gnb {height:95px;}
#footer {width:100%; height:50px; background:#754b40; clear:both;}

/* Input : Select : Textarea */
input,select{vertical-align:middle;font-size:12px;color:#666;}
input[type="image"]{vertical-align:top;color:#666;text-decoration:none;font-family:Tahoma;border:0 none;}
input[type="radio"]{width:13px;height:13px;margin:0;padding:0;vertical-align:middle;}
input[type="text"][type="password"],textarea{padding:2px 3px 1px 5px;border:1px solid #aed0ea; position:relative; top:2px;}

.in1 {border:1px solid #ccc !important; height:20px; background:url(../images/icon/icon_id.gif) no-repeat 5px #FFF;}
.in2 {border:1px solid #ccc !important; height:20px; background:url(../images/icon/icon_pw.gif) no-repeat 5px #FFF;}
.in3 {padding:3px !important; border:1px solid #aed0ea !important;}
.in4 {padding:3px !important; border:0px !important;}
.in5 {padding:3px !important; height:20px; border:1px solid #aed0ea !important;}

/* GNB */
.subbg {background:url(../images/portal_topbg.png) repeat-x top;}
#gnb .logo {float:left; height:50px; width:285px; padding-top:10px;}
#gnb .logo img {max-width:285px; max-height:50px;}

#gnb .multmenu {float:right; margin-top:11px;}
#gnb .multmenu ul .navitex {padding-top:6px;}
#gnb .multmenu ul li {float:left; padding-left:3px;}
#gnb .multmenu ul li span {font-weight:bold; color:#ff7171;}

#gnb .location {float:left; clear:both; padding-top:15px; margin-left:12px;}
#gnb .location ul li {float:left; color:#999; padding-right:3px;}
#gnb .location ul .tex1 {color:#333;}

#gnb .navi {float:right; height:16px; margin-top:12px;}
#gnb .navi ul li {float:left; margin-left:35px;}
#gnb .navi li a {font-size:11pt; font-weight:bold; font-family:"Malgun Gothic", 돋움, verdana;}
#gnb .navi li a:hover,#gnb .navi li a.on {color:#ff7171;}
#gnb .navi li a.off {color:#c5c5c5;}

/* Left Menu */
#leftmenu {width:180px; height:99%; float:left; background:url(../images/menu/leftbg1.gif) repeat-y center; padding-top:5px;}
#leftmenu .leftul {width:170px; margin:0 auto; margin-top:1px;}
#leftmenu .leftul .leftli {background:url(../images/menu/leftbg2.gif) repeat-x bottom;}
#leftmenu .leftul .leftli .a {width:160px; padding:6px 0 6px 10px;display:block; font-weight:bold; }
#leftmenu .leftul .leftli .a:hover, #leftmenu .leftul .leftli .on {background:url(../images/menu/lefton.gif) no-repeat top left;  font-weight:bold; color:#0072bc;}
#leftmenu .leftul .leftli .off {color:#c5c5c5;}

/* Ui : Li */
.ulMenu {padding:8px 5px 3px 5px; height:25px;}
.ulMenu !.disabled:hover {background-color:#EBF3F8;}
.ulFormMenu {padding:8px 5px 3px 5px; height:25px;}
.ulPlusMenu {background:url(../images/icon/icon_plus.gif) no-repeat center left 5px; padding:8px 5px 3px 23px; height:25px; font-weight:bold;}
.ulSubMenu {background:url(../images/tree/joinbottom.gif) no-repeat center left; padding:8px 5px 3px 23px; height:25px;}
.ulSubMenu:hover {background-color:#EBF3F8;}

/* Contants */
#contants {float:right; width:800px; height:100%; vertical-align:top;}
#contants .submult {margin-top:2px; height:30px;}
#contants .submult {overflow:hidden;}

/* Contants : Main Table List */
#formlist1 {overflow-y:auto; clear:both; border:0px solid #898EF5;}
#formlist2l {overflow-y:auto; width:300px;}
#formlist2c {overflow-y:auto; width:350px; padding-left:10px;}
#formlist2r {overflow-y:auto; padding-left:10px;}
#formlist3l {overflow-y:auto; width:400px;}
#formlist3r {overflow-y:auto; padding-left:10px;}

/* Decoration : Etc */
.clickable {cursor: pointer;}
.hover {text-decoration: underline;}
.selected {background-color:#f1f8fd;}
.checked {background-color:#FDE1F8;}
.disable {color:#ccc;}
.checkTitle {color:#0072bc;}
.scroll-y {overflow-y:auto; overflow-x:hidden;}
.scroll-x {overflow-y:hidden; overflow-x:auto;}
.scroll-all {overflow-y:auto; overflow-x:auto;}
.nodisplay {display:none;}
.noborder {border:none !important;}
.testborder {border:1px solid red;}

/* Decoration : Image */
.searchImage {position:relative; top:3px; left:3px;}

/* Decoration : Color */
.green {color:#24ae00;}
.green th,
.green td,
.green a,
.green span {color:#24ae00;}
.red {color:#e30000;}
.red th,
.red td,
.red a,
.red span {color:#e30000;}
.blue {color:#0072bc;}
.blue th,
.blue td,
.blue a,
.blue span {color:#0072bc;}

/* Decoration : Float */
.flo_l {float:left;}
.flo_r {float:right;}
.flo_c {clear:both;}

/* Decoration : Text-Align */
.tex_left {text-align:left !important;}
.tex_right {text-align:right !important;}
.tex_center {text-align:center !important;}
.tex_selected {color:#ff5050;}
.tex_selected th,
.tex_selected td,
.tex_selected a,
.tex_selected span {color:#ff5050;}

/* Decoration : Font-Size */
.tex_size1 {font-size:11px;}
.tex_size2 {font-size:12px;}
.tex_size3 {font-size:13px;}

.bold {font-weight:bold;}

/* Decoration : BgColor */
.bgWhite {background:#fff;}

/* Decoration : Padding */
.pd5 {padding:5px;}
.pd10 {padding:10px;}

.pdt3 {padding-top:3px;}
.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}

.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}

.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}

.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}

/* Decoration : Width */
.width_15p {width:15px;}
.width_20p {width:20px;}
.width_50p {width:50px;}
.width_80p {width:80px;}
.width_90p {width:90px;}
.width_100p {width:100px;}
.width_200p {width:200px;}
.width_300p {width:300px;}
.width_400p {width:400px;}
.width_500p {width:500px;}
.width_600p {width:600px;}
.width_700p {width:700px;}

.width_50c {width:50%;}

/* Decoration : Height */
.height_5p {height:5px;}
.height_10p {height:10px;}
.height_15p {height:15px;}
.height_20p {height:20px;}
.height_100p {height:100px;}
.height_200p {height:200px;}
.height_250p {height:250px;}
.height_300p {height:300px;}

/* Table Style : List */
.liststyle1 {border-left:1px solid #aed0ea;}
.liststyle1 tr th{padding:0 5px 0 5px; font-size:11px; font-family:"Tahoma","돋움"; border-top: 1px solid #aed0ea;  border-bottom: 1px solid #aed0ea;border-right: 1px solid #aed0ea; background:#e4ecf2; line-height:12px; height:30px;}
.liststyle1 tr td {font-family:"Tahoma","돋움"; border-right:1px solid #aed0ea; border-bottom:1px solid #aed0ea; text-align:center; padding:3px 5px 3px 5px; word-break:break-all; height:30px;}

/* Table Style : View */
.viewstyle1 {border-top:1px solid #aed0ea; border-left: 1px solid #aed0ea; margin-bottom:10px;}
.viewstyle1 tr th {padding:5px; font-weight:bold; font-family:"Tahoma","돋움";  border-bottom: 1px solid #aed0ea; border-right: 1px solid #aed0ea;  background:#e4ecf2;}
.viewstyle1 tr td {font-family:"Tahoma","돋움"; font-size:11px; border-right:1px solid #aed0ea; border-bottom:1px solid #aed0ea; padding:3px 5px 3px 5px; height:33px;}

.viewstyle1 .titleColumn {border-bottom:2px solid #0095f6; color:#0095f6; font-weight:bold; font-family:"Tahoma","돋움"; font-size:12px; padding:5px 5px 5px 10px; height:30px;}
.viewstyle1 .titleColumn2 {font-weight:bold; font-family:"Tahoma","돋움"; font-size:12px; border-right:1px solid #aed0ea; border-bottom:1px solid #aed0ea; height:30px; padding:3px 5px 3px 10px;}

/* Table Style : Search */
.searchstyle1 td {border-bottom:1px solid #aed0ea; color:#0095f6; font-weight:bold; font-family:"Tahoma","돋움"; font-size:12px; padding:5px 5px 5px 5px; height:30px;}
.searchstyle1 .title0 {width:50px; padding-left:10px;}
.searchstyle1 .title1 {width:80px; padding-left:10px;}
.searchstyle1 .title2 {width:90px;}
.searchstyle1 .title3 {width:100px;}
.searchstyle1 .input1 {width:200px;}

/* Paging */
#pagenumber {margin:0 auto; padding-top:15px; text-align:center;}
#pagenumber a img {vertical-align:middle;}
#pagenumber a {padding-right:5px;}
#pagenumber .on {font-weight:bold; color:#ff5050;}

/* Btn */
#lowbtn {padding-top:20px; text-align:center;}
#btn {text-align:right; margin-bottom:5px; clear: both; height:27px;}

/* Footer */
#footer .copy {width:100%; height:50px; margin:0; padding:0;}

/* Popup */
.popup {margin:0 auto; overflow:auto;}
.popup h4 {background:url(../images/popbg1.gif) repeat-x top; padding:6px; line-height:16px;}
.popup h4 span {background:url(../images/icon/icon_bull5.gif) no-repeat 0px 4px;font-size:16px; color:#fff; padding-left:12px; margin-left:15px;}
.popup .popdata {margin:20px; padding:10px 10px 20px 10px; border-bottom:1px solid #cdcdcd}
.popup .popbtn {text-align:center;}

/* Checkbox */
.checkAll {background:url(../images/icon/icon_check_orange.gif) no-repeat center; width:100%; height:100%;}

/* Loading */
#viewLoading {
	position:absolute;
	z-index:9999;
	text-align: center;
	filter: alpha(opacity=60);
	opacity: alpha*0.6;
}

/* Message : Popup */
#popup_msg {width:100%; text-align:center; margin-top:40px;}
#popup_msg span {font-size:13px; font-weight:bold;}

/* Message : Confirm */
#confirm_msg {width:100%; text-align:center; margin-top:40px;}
#confirm_msg span {font-size:13px; font-weight:bold;}
#confirm_btn {width:100%; text-align:center; margin-top:10px;}
#confirm_btn span {font-size:13px; font-weight:bold;}

/* Login */
.content_login {MARGIN: 0px; WIDTH: 100%; DISPLAY: block; HEIGHT: 100%; OVERFLOW: hidden;}
.content_login .loginTable {WIDTH: 100%; HEIGHT: 100%;}
.content_login .loginLayout {POSITION: relative; HEIGHT: 630px;}
.content_login .loginForm {POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 630px; PADDING-TOP: 0px;}
.content_login .loginForm .loginFormlayout {POSITION: absolute; TOP:130px; WIDTH:100%; background:url(../images/portal_logbg.gif) repeat-x top left;}
.content_login .loginFormTop {POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; background:url(../images/portal_logo.png) no-repeat bottom center; padding:117px 0px 0px 0px; text-align:center;}
.content_login .loginFormMiddle {POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; padding:0 0 0 100px; text-align:center; font-size:10pt; font-family:"Malgun Gothic", 돋움, verdana; font-weight:bold;}
.content_login .loginFormBottom {POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 133px; padding:50px 0 0 0; text-align:center;}
.content_login .loginFormBottom .idpwin div {margin-bottom:5px;}
.content_login .loginFormBottom .logbtn {margin:-58px 0 0 300px;}
.content_login .loginFormBottom .addon {margin-top:15px; margin-left:170px;}

/* Box Block UI */
.box_block_top {POSITION:relative; DISPLAY:block}
.box_block_top DIV {DISPLAY:block;}
.box_block_top DIV.bl {BACKGROUND-IMAGE:url(../images/box/box_block_lt.gif); POSITION:absolute; WIDTH:9px; HEIGHT:24px; TOP:0px; LEFT:0px;}
.box_block_top DIV.bc {BACKGROUND-IMAGE:url(../images/box/box_block_top.gif); MARGIN:0px 9px; DISPLAY:block; HEIGHT:24px;}
.box_block_top DIV.br {BACKGROUND-IMAGE:url(../images/box/box_block_rt.gif); POSITION:absolute; WIDTH:9px; HEIGHT:24px; TOP:0px; RIGHT:0px;}
.box_block_mid {BACKGROUND:url(../images/box/box_block_l.gif) #fff repeat-y left top;}
.box_block_mid DIV.msg {PADDING-BOTTOM:0px !important; BORDER-RIGHT-WIDTH:0px !important; PADDING-LEFT:10px !important; PADDING-RIGHT:10px !important; BACKGROUND:url(../images/box/box_block_r.gif) repeat-y right top; BORDER-TOP-WIDTH:0px !important; BORDER-BOTTOM-WIDTH:0px !important; BORDER-LEFT-WIDTH:0px !important; PADDING-TOP:0px !important}
.box_block_mid DIV.msg .subject {TEXT-ALIGN:center; FONT-FAMILY:"돋움", "Dotum"; COLOR:#016fc5; FONT-SIZE:14px; FONT-WEIGHT:bold;}
.box_block_mid DIV.msg UL {MARGIN:0px 10px}
.box_block_btm {POSITION:relative; DISPLAY:block;}
.box_block_btm DIV {DISPLAY:block;}
.box_block_btm DIV.bl {BACKGROUND-IMAGE:url(../images/box/box_block_lb.gif); POSITION:absolute; WIDTH:9px; HEIGHT:24px; TOP:0px; LEFT:0px;}
.box_block_btm DIV.bc {BACKGROUND-IMAGE:url(../images/box/box_block_btm.gif); MARGIN:0px 9px; DISPLAY:block; HEIGHT:24px;}
.box_block_btm DIV.br {BACKGROUND-IMAGE:url(../images/box/box_block_rb.gif); POSITION:absolute; WIDTH:9px; HEIGHT:24px; TOP:0px; RIGHT:0px;}